<template>
<div>
	<div class="enquiry">
		<div class="enquiry-group">
			<mt-field label="产品型号：" placeholder="请输入产品型号" v-model="productType"></mt-field>
			<mt-field label="姓	  名：" placeholder="请输入产品型号" v-model="username"></mt-field>
			<mt-field label="手机号码：" placeholder="请输入手机号码" type="tel" v-model="phone"></mt-field>
			<mt-field label="电子邮箱：" placeholder="请输入E-mail" type="email" v-model="email"></mt-field>
		</div>
		<div class="separate"></div>

		<div class="enquiry-group">
			<mt-field label="email" state="success" v-model="email"></mt-field>
			<mt-field label="email" state="error" v-model="email"></mt-field>
			<mt-field label="email" state="warning" v-model="email"></mt-field>
		</div>
		<div class="separate"></div>

		<div class="enquiry-group">
			<!-- <mt-field label="birthday" placeholder="Input birthday" type="date" v-model="birthday"></mt-field> -->
			<mt-field placeholder="备注" type="textarea" rows="4" v-model="introduction"></mt-field>
		</div>
		<div class="separate"></div>	
	</div>

	<div class="enquiry-group">
			<mt-button type="default" @click="_submit" size="large">提交</mt-button>
		</div>
		<div class="separate"></div>
</div>
</template>

<script type="text/ecmascript-6">
	
	export default {
		data() {
			return {
				productType: '430ddd1',
				username: '淡淡的',
				phone: '18621882777',
				email: 'fxg97a@dd.xom',
				company: '上海石化股份有限公司',
				district: '上海市',
				introduction: '备注'
			}
		},
		methods: {
			_submit() {
				console.log('提交');
			}
		}
	}
</script>

<style lang="less" rel="stylesheet/less">
	@import '../../common/less/index.less';
	body,.separate{
		background:@color-bg-eb;
	}
	.separate{
		height: 10px;
	}
	.enquiry{
		background-color: @color-bg-white;
		
	}
	.enquiry-group{
		padding: 0 14px;
		margin: 0 -5px;
	}
	.is-textarea{
		padding:14px 0;
		.mint-cell-title{
			display: table;vertical-align: top;
			.mint-cell-text{vertical-align: top;display:block;}
		}
		.mint-cell-value{
			border: 1px solid #efefef;
			box-sizing: border-box;
		}
	}
	.mint-button--default{
		background-color: @color-bg-active;
	}
</style>
